home *** CD-ROM | disk | FTP | other *** search
/ PC go! 2018 January / PCgo 01-2018 CD-ROM Germany.iso / data / css / styles.css next >
Encoding:
Cascading Style Sheet File  |  2017-11-06  |  7.7 KB  |  484 lines
  1. * {
  2.   margin: 0;
  3.   padding: 0;
  4. }
  5.  
  6. body {
  7.   font-family: Verdana, Arial, Helvetice, sans-serif;
  8.   font-size: 14px;
  9.   color: #000;
  10. }
  11.  
  12. a {
  13.   text-decoration: none;
  14.   color: #000;
  15. }
  16.  
  17. h1, h2, h3 {
  18.   font-weight: normal;
  19. }
  20.  
  21. h1 {
  22.   margin-bottom: 35px;
  23.   clear: both;
  24. }
  25.  
  26. h2 {
  27.   margin-bottom: 20px;
  28.   font-size: 1.2em;
  29. }
  30.  
  31. h3 {
  32.   margin-bottom: 10px;
  33.   font-size: 1.1em;
  34. }
  35.  
  36. p {
  37.   margin-bottom: 5px;
  38. }
  39.  
  40. img {
  41.   border: none;
  42. }
  43.  
  44. address {
  45.   font-style: normal;
  46. }
  47.  
  48. table {
  49.   clear: both;
  50.   width: 100%;
  51. }
  52.  
  53. th {
  54.   text-align: left;
  55.   width: 33%;
  56. }
  57.  
  58. hr {
  59.   margin: 20px 0;
  60.   color: #fff;
  61. }
  62.  
  63. header {
  64.   position: relative;
  65. }
  66. header ul.topnav {
  67.   text-align: right;
  68.   padding: 30px 30px 10px 0;
  69. }
  70. header ul.topnav li {
  71.   display: inline;
  72.   margin-left: 5%;
  73. }
  74. header img.header {
  75.   width: 100%;
  76.   height: auto;
  77. }
  78. header img.logo {
  79.   position: absolute;
  80.   left: 30px;
  81.   bottom: 3px;
  82.   width: 30%;
  83.   height: auto;
  84. }
  85.  
  86. nav ul {
  87.   list-style: none;
  88. }
  89.  
  90. div.wrapper {
  91.   width: 100%;
  92.   max-width: 1200px;
  93.   margin: 0 auto;
  94. }
  95.  
  96. div.main {
  97.   padding: 30px 30px 0 30px;
  98. }
  99.  
  100. p.number {
  101.   font-size: 1.2em;
  102.   margin-bottom: 30px;
  103. }
  104.  
  105. ul.mainnav {
  106.   margin-bottom: 30px;
  107. }
  108. ul.mainnav li {
  109.   width: 24%;
  110.   margin-left: 1.3%;
  111.   float: left;
  112.   position: relative;
  113. }
  114. ul.mainnav li:first-child {
  115.   margin-left: 0;
  116. }
  117. ul.mainnav img {
  118.   width: 100%;
  119.   height: auto;
  120. }
  121. ul.mainnav span {
  122.   position: absolute;
  123.   left: 0;
  124.   bottom: 0;
  125.   display: block;
  126.   background: #fff;
  127.   width: 80%;
  128.   font-size: 1.3em;
  129.   padding: 15px;
  130.   box-sizing: border-box;
  131.   -moz-box-sizing: border-box;
  132.   -webkit-box-sizing: border-box;
  133. }
  134.  
  135. ul.mainnav:after, section:after, div.software:after, ul.jump:after {
  136.   content: ".";
  137.   display: block;
  138.   clear: both;
  139.   visibility: hidden;
  140.   height: 0;
  141. }
  142.  
  143. ul.jump {
  144.   float: right;
  145.   margin-bottom: 10px;
  146. }
  147. ul.jump li {
  148.   display: inline;
  149. }
  150. ul.jump a {
  151.   float: left;
  152.   width: 60px;
  153.   height: 32px;
  154.   margin-left: 20px;
  155. }
  156. ul.jump li:first-child a {
  157.   background: url(../images/static/pfeil_links_grau.png) no-repeat;
  158. }
  159. ul.jump li:first-child a:hover {
  160.   background: url(../images/static/pfeil_links_rot.png) no-repeat;
  161. }
  162. ul.jump li:last-child a {
  163.   background: url(../images/static/pfeil_rechts_grau.png) no-repeat;
  164. }
  165. ul.jump li:last-child a:hover {
  166.   background: url(../images/static/pfeil_rechts_rot.png) no-repeat;
  167. }
  168.  
  169. section {
  170.   border: 1px solid #000;
  171.   padding: 50px 30px;
  172.   margin-bottom: 30px;
  173.   clear: both;
  174. }
  175. section a {
  176.   color: #fff;
  177. }
  178. section ul {
  179.   margin-left: 12px;
  180.   margin-bottom: 5px;
  181. }
  182. section div.half {
  183.   float: left;
  184.   width: 50%;
  185. }
  186. section div.image {
  187.   text-align: center;
  188. }
  189. section div.twothird {
  190.   padding-left: 40px;
  191.   box-sizing: border-box;
  192.   -moz-box-sizing: border-box;
  193.   -webkit-box-sizing: border-box;
  194.   float: left;
  195.   width: 60%;
  196. }
  197. section div.twothird a {
  198.   color: #033990;
  199. }
  200. section div.twothird h1 {
  201.   font-weight: bold;
  202. }
  203. section div.twothird h2 {
  204.   margin-bottom: 10px;
  205.   font-weight: bold;
  206. }
  207. section div.twothird p {
  208.   margin-bottom: 20px;
  209. }
  210. section div.third {
  211.   float: left;
  212.   width: 40%;
  213. }
  214. section div.tripple {
  215.   width: 33%;
  216.   float: left;
  217.   margin-bottom: 20px;
  218. }
  219. section div.right {
  220.   text-align: center;
  221. }
  222. section div.right img {
  223.   width: 100%;
  224.   height: auto;
  225.   max-width: 390px;
  226. }
  227.  
  228. section.image {
  229.   padding: 30px;
  230. }
  231. section.image img {
  232.   width: 100%;
  233.   height: auto;
  234. }
  235.  
  236. section.content {
  237.   margin-bottom: 30px;
  238. }
  239. section.content h1 {
  240.   margin: -50px -30px 30px -30px;
  241.   background: #e2001a;
  242.   color: #fff;
  243.   min-width: 150px;
  244.   padding: 20px;
  245. }
  246. section.content a {
  247.   color: #000;
  248. }
  249. section.content h2 {
  250.   margin-bottom: 5px;
  251. }
  252. section.content div.right {
  253.   margin-top: 30px;
  254. }
  255. section.content ul {
  256.   margin-bottom: 20px;
  257. }
  258.  
  259. section.sitemap {
  260.   line-height: 27px;
  261. }
  262. section.sitemap .row {
  263.   width: 100%;
  264. }
  265. section.sitemap .row .col-md-6 {
  266.   padding-left: 10%;
  267.   width: 40%;
  268.   float: left;
  269. }
  270. section.sitemap .row .col-md-6 .tp_headline {
  271.   margin-bottom: 15px;
  272. }
  273. section.sitemap .row .col-md-6 h3 {
  274.   font-weight: bold;
  275.   margin-bottom: 0;
  276. }
  277. section.sitemap .row .col-md-6 li {
  278.   list-style: none;
  279. }
  280.  
  281. section.infos {
  282.   background: #000;
  283.   color: #fff;
  284. }
  285. section.infos ul.contentnav li {
  286.   width: 32%;
  287.   margin-left: 2%;
  288.   position: relative;
  289.   float: left;
  290. }
  291. section.infos ul.contentnav li img {
  292.   width: 100%;
  293.   height: auto;
  294. }
  295. section.infos ul.contentnav li span {
  296.   position: absolute;
  297.   left: 0;
  298.   bottom: 0;
  299.   display: block;
  300.   background: #000;
  301.   width: 80%;
  302.   font-size: 1.2em;
  303.   padding: 15px;
  304.   box-sizing: border-box;
  305.   -moz-box-sizing: border-box;
  306.   -webkit-box-sizing: border-box;
  307. }
  308. section.infos ul.contentnav li:first-child {
  309.   margin-left: 0;
  310. }
  311.  
  312. div.software {
  313.   margin-bottom: 30px;
  314. }
  315. div.software h2 {
  316.   margin-bottom: 0;
  317.   line-height: 65px;
  318.   padding-left: 60px;
  319.   font-size: 2em;
  320. }
  321.  
  322. div.softnav {
  323.   width: 40%;
  324.   float: left;
  325. }
  326. div.softnav ul {
  327.   background: #000;
  328.   padding-top: 60px;
  329.   position: relative;
  330.   border: 1px solid #000;
  331. }
  332. div.softnav a {
  333.   display: block;
  334.   color: #fff;
  335.   margin-bottom: 10px;
  336.   padding: 10px 30px;
  337.   font-size: 1.2em;
  338. }
  339. div.softnav li.toolpaket {
  340.   color: #fff;
  341.   margin-top: -60px;
  342.   padding: 10px 30px;
  343.   font-size: 1.4em;
  344. }
  345. div.softnav li:last-child {
  346.   bottom: 0px;
  347.   left: 0;
  348.   right: 0;
  349.   margin-top: 50px;
  350. }
  351. div.softnav li:last-child a {
  352.   margin-bottom: 0;
  353. }
  354.  
  355. a.topbacklink {
  356.   color: #fff;
  357.   float: left;
  358.   font-size: 1.2em;
  359.   width: 120px;
  360.   text-align: center;
  361.   padding: 22px 0;
  362.   margin-right: 60px;
  363. }
  364.  
  365. div.topsoft a.topbacklink {
  366.   background: #033990;
  367. }
  368. div.topsoft div.softnav a.active, div.topsoft div.softnav a:hover {
  369.   background: #033990;
  370. }
  371.  
  372. div.tools a.topbacklink {
  373.   background: #4b8b1d;
  374. }
  375. div.tools div.softnav a.active, div.tools div.softnav a:hover {
  376.   background: #4b8b1d;
  377. }
  378.  
  379. div.multimedia a.topbacklink {
  380.   background: #ac1c1c;
  381. }
  382. div.multimedia div.softnav a.active, div.multimedia div.softnav a:hover {
  383.   background: #ac1c1c;
  384. }
  385.  
  386. div.extras a.topbacklink {
  387.   background: #c21c32;
  388. }
  389. div.extras div.softnav a.active, div.extras div.softnav a:hover {
  390.   background: #c21c32;
  391. }
  392.  
  393. div.demo a.topbacklink {
  394.   background: #949899;
  395. }
  396. div.demo div.softnav a.active, div.demo div.softnav a:hover {
  397.   background: #949899;
  398. }
  399.  
  400. div.softcontent {
  401.   width: 60%;
  402.   padding-left: 5%;
  403.   float: left;
  404.   box-sizing: border-box;
  405.   -moz-box-sizing: border-box;
  406.   -webkit-box-sizing: border-box;
  407. }
  408. div.softcontent img {
  409.   width: 100%;
  410.   height: auto;
  411.   margin-bottom: 30px;
  412. }
  413. div.softcontent ul {
  414.   padding-left: 12px;
  415. }
  416. div.softcontent ul.functions {
  417.   list-style: none;
  418.   text-align: right;
  419.   margin-top: 40px;
  420. }
  421. div.softcontent ul.functions li {
  422.   display: inline;
  423.   margin-left: 15px;
  424. }
  425. div.softcontent ul.functions img {
  426.   width: auto;
  427.   margin: 0 0 0 5px;
  428. }
  429. div.softcontent h3.info {
  430.   color: #033990;
  431.   font-weight: bold;
  432. }
  433. div.softcontent div.hint {
  434.   border: 1px dashed #727272;
  435.   padding: 10px;
  436.   margin: 10px 0;
  437. }
  438. div.softcontent div.hint a {
  439.   color: #f00;
  440.   font-weight: bold;
  441.   text-decoration: underline;
  442. }
  443. footer {
  444.   padding: 0 30px 0 30px;
  445. }
  446. footer p {
  447.   float: left;
  448. }
  449. footer ul {
  450.   float: right;
  451.   margin-top: -10px;
  452. }
  453. footer ul li {
  454.   float: left;
  455.   margin: 0 0 20px 10px;
  456. }
  457.  
  458. p.article_image {
  459.   text-align: center;
  460.   padding: 20px 0;
  461. }
  462.  
  463. .pcm {
  464.   display: none !important;
  465. }
  466.  
  467. section a.sw, section a.ui-open-link {
  468.   color: #033990;
  469. }
  470. span.inactive {
  471.     color: #dadada;    
  472. } 
  473. section.banner {
  474.     padding: 0;
  475.     border: none;
  476. }
  477. section.banner img {
  478.     width: 100%;
  479.     height: auto;
  480. }
  481.  
  482. div.hint strong {
  483.     color: #033990;    
  484. }